<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/jqweui/lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jqweui_extend.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_539359_q9xrtmlc8gp.css">
    <script src="../../script/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="../../script/plugins/in/in-min.js"></script>
    <script type="text/javascript" src="../../css/jqweui/js/in-config.js"></script>
    <script src="../../css/jqweui/js/jquery-weui.js"></script>
    <script src="../../css/jqweui/js/util.js"></script>
    <style>
        .m-su-item{padding: 15px 10px; position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-bottom: 1px solid #ccc;
        }
        .m-su-item .g-su-active{ border: 1px solid #ccc; padding: 2px; font-size: 0.5rem; border-radius: 4px; position: absolute; right: 10px;line-height:15px; }
        .m-su-item .g-su-details .g-su-name{font-size:0.75rem; font-weight: 700; }
        .m-su-item .g-su-details .g-su-sex{font-size: 0.5rem;}
        .m-su-item .g-su-info{font-size: 0.68rem;}
    </style>
</head>
<body class="wrap">
<section class="mc-view-box">
    <div class="mc-header-box">
        <div class="mc-header bg-black">
            <a href="javascript:;" onclick="utils.back();" class="head-icon">
                <i class="iconfont icon-arrow-left"></i>
            </a>
            <div class="main-box head-title text-left">
                客户合同管理列表
            </div>
            <a href="javascript:;" class="head-icon">
                添加
            </a>
        </div>
    </div>
    <div class="mc-scrollview">
        <div class="m-su-item">
            <span class="g-su-active">进行中</span>
            <div class="g-su-details">
                <span class="g-su-name">赵军</span>
                <span class="g-su-sex">先生</span>
                <h4 class="g-su-iphone">123123123123</h4>
            </div>
            <div class="g-su-info">
                <div class="g-su-address">顺城街12号名仕家园（天河娱乐城对面）</div>
                <div class="g-su-person">负责人：徐帅  设计师：李鑫</div>
                <div class="g-su-contr">合同编号：20180500689555</div>
                <div class="g-su-tiem">签订日期：2018-4-26 08:56</div>
            </div>
        </div>
        <div class="m-su-item">
            <span class="g-su-active">进行中</span>
            <div class="g-su-details">
                <span class="g-su-name">赵军</span>
                <span class="g-su-sex">先生</span>
                <h4 class="g-su-iphone">123123123123</h4>
            </div>
            <div class="g-su-info">
                <div class="g-su-address">顺城街12号名仕家园（天河娱乐城对面）</div>
                <div class="g-su-person">负责人：徐帅  设计师：李鑫</div>
                <div class="g-su-contr">合同编号：20180500689555</div>
                <div class="g-su-tiem">签订日期：2018-4-26 08:56</div>
            </div>
        </div>
        <div class="m-su-item">
            <span class="g-su-active">进行中</span>
            <div class="g-su-details">
                <span class="g-su-name">赵军</span>
                <span class="g-su-sex">先生</span>
                <h4 class="g-su-iphone">123123123123</h4>
            </div>
            <div class="g-su-info">
                <div class="g-su-address">顺城街12号名仕家园（天河娱乐城对面）</div>
                <div class="g-su-person">负责人：徐帅  设计师：李鑫</div>
                <div class="g-su-contr">合同编号：20180500689555</div>
                <div class="g-su-tiem">签订日期：2018-4-26 08:56</div>
            </div>
        </div>
        <div class="m-su-item">
            <span class="g-su-active">进行中</span>
            <div class="g-su-details">
                <span class="g-su-name">赵军</span>
                <span class="g-su-sex">先生</span>
                <h4 class="g-su-iphone">123123123123</h4>
            </div>
            <div class="g-su-info">
                <div class="g-su-address">顺城街12号名仕家园（天河娱乐城对面）</div>
                <div class="g-su-person">负责人：徐帅  设计师：李鑫</div>
                <div class="g-su-contr">合同编号：20180500689555</div>
                <div class="g-su-tiem">签订日期：2018-4-26 08:56</div>
            </div>
        </div>
    </div>
    <div class="mc-footer-box">

    </div>
</section>
</body>
</html>